<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../assert/css/font.css" th:href="@{/assert/css/font.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap.min.css" th:href="@{/assert/css/bootstrap.min.css}"/>
    <link rel="stylesheet" href="../../../assert/css/plugin/chosen/chosen.css"
          th:href="@{/assert/css/plugin/chosen/chosen.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-table.css" th:href="@{/assert/css/bootstrap-table.css}"/>
    <link href="../../../assert/css/animate.min.css" rel="stylesheet" th:href="@{/assert/css/animate.min.css}">
    <link href="../../../assert/css/plugin/toastr/toastr.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/toastr/toastr.min.css}">
    <link href="../../../assert/css/plugin/jsTree/themes/default/style.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/jsTree/themes/default/style.css}">
    <link href="../../../assert/css/loaders.css" rel="stylesheet"
          th:href="@{/assert/css/loaders.css}">
    <link rel="stylesheet" href="../../../assert/css/bootstrapValidator.css"
          th:href="@{/assert/css/bootstrapValidator.css}"/>
    <link rel="stylesheet" href="../../../assert/css/jquery-ui.css" th:href="@{/assert/css/jquery-ui.css}"/>
    <link href="../../../assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/styles/jqx.base.css" rel="stylesheet"
          th:href="@{/assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/styles/jqx.base.css}"/>
    <link rel="stylesheet" href="../../../assert/css/index.css" th:href="@{/assert/css/index.css(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"/>
    <style>
        .search_group label.control-label{
            width:85px;
        }
    </style>
</head>
<body>
<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="tools_bar">
            <div class="pull-left">
                <a href="#" class="btn btn-default active" id="btnSearch" title="隐藏查询条"><i class="fa fa-filter"></i> 隐藏</a>
                <a href="#" class="btn btn-default active" id="refresh"><i class="fa fa-refresh"></i> 刷新</a>
                <a href="#" class="btn btn-default active" id="btnAdd" title="添加审核数据"><i class="fa fa-plus"></i>
                    添加</a>
                <a href="#" class="btn btn-default active" id="btnEdit" title="编辑审核数据"><i class="fa fa-pencil"></i>
                    编辑</a>
                <a href="#" class="btn btn-default active" id="btnDel" title="删除审核数据"><i class="fa fa-trash"></i>
                    删除</a>
            </div>
        </div>
        <div class="search on">
            <div class="search_group">
                <label class="control-label">数据标识：</label>
                <div class="control-inline">
                    <input type="text" id="dataCode" value="" class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">数据名称：</label>
                <div class="control-inline">
                    <input type="text" id="dataName" value="" class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">允许跨级：</label>
                <div class="control-inline">
                    <select type="text" id="isAllowLevel" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <button id="search" class="btn  btn-primary">查询</button>
                <button id="reset" class="btn  btn-default">重置</button>
                <button id="export" class="btn  btn-default hidden">导出</button>
            </div>
        </div>
        <table id="myTable"></table>
    </div>
</div>
<!--添加审核数据模态框-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width:1000px !important;">
        <div class="modal-content">
            <form method="post" class="form-horizontal styleForm" id="addForm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">添加审核数据</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>数据标识:</label>
                            <div class="form-content">
                                <input type="text" class="form-control" name="code" id="dataCodeAdd" autocomplete="off">
                            </div>
                        </div>
                        <div class="form-box tipInput">
                            <label for="" class="form-title control-label"><span class="respan">*</span>数据名称:</label>
                            <div class="form-content">
                                <input type="text" class="form-control" name="name" id="dataNameAdd" autocomplete="off">
                            </div>

                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>允许跨级:</label>
                            <div class="form-content radio_box">
                                <div class="radio"> <input type="radio" value="1" checked name="skipflagAdd">是</div>
                                <div class="radio"> <input type="radio" value="0" name="skipflagAdd">否</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group remarkBox">
                        <label for="" class="control-label form-title">备注:</label>
                        <div class="form-content-row">
                            <textarea class="form-control" style="height:70px;" id="descriptionAdd" placeholder="最多输入255个字符"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="addSave">保存</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--编辑审核数据模态框-->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width:1000px !important;">
        <div class="modal-content">
            <form method="post" class="form-horizontal styleForm" id="editForm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑审核数据</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>数据标识:</label>
                            <div class="form-content">
                                <input type="text" class="form-control" name="datacode" id="dataCodeEdit" autocomplete="off" disabled>
                            </div>
                        </div>
                        <div class="form-box tipInput">
                            <label for="" class="form-title control-label"><span class="respan">*</span>数据名称:</label>
                            <div class="form-content">
                                <input type="text" class="form-control" name="dataname" id="dataNameEdit" autocomplete="off">
                            </div>

                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>允许跨级:</label>
                            <div class="form-content radio_box">
                                <div class="radio"> <input type="radio" value="1" name="skipflagEdit">是</div>
                                <div class="radio"> <input type="radio" value="0" name="skipflagEdit">否</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group remarkBox">
                        <label for="" class="control-label form-title">备注:</label>
                        <div class="form-content-row">
                            <textarea class="form-control" style="height:70px;" id="descriptionEdit" placeholder="最多输入255个字符" name="note"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="editSave">保存</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--删除审核数据确认框-->
<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">删除</h4>
                </div>
                <div class="modal-body">
                    <div style="text-align: center"><span class="fa fa-question-circle"></span><span
                            id="delName"></span>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="delBtn">确定</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </form>
        </div>
    </div>
</div>
<a id="basePath" th:href="@{/}"></a>
<input type="text" id="classify" class="hidden">
<input type="text" id="proSelectModal" class="hidden">
<script src="../../../assert/js/jquery.js" th:src="@{/assert/js/jquery.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/bootstrap.min.js" th:src="@{/assert/js/bootstrap.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table.min.js" th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table.min.js}"></script>
<script src="../../../assert/js/bootstrapValidator.js" th:src="@{/assert/js/bootstrapValidator.js}"></script>
<script src="../../../assert/js/plugin/toastr/toastr.min.js"
        th:src="@{/assert/js/plugin/toastr/toastr.min.js}"></script>
<script src="../../../assert/js/base.js" th:src="@{/assert/js/base.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/jquery-ui.min.js" th:src="@{/assert/js/jquery-ui.min.js}"></script>
<script src="../../../assert/js/plugin/layer/laydate/laydate.js"
        th:src="@{/assert/js/plugin/layer/laydate/laydate.js}"></script>
<script src="../../../assert/js/changeTime.js" th:src="@{/assert/js/changeTime.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/jsTree/jstree.min.js"
        th:src="@{/assert/js/plugin/jsTree/jstree.min.js}"></script>
<script src="../../../assert/js/plugin/chosen/chosen.jquery.js"
        th:src="@{/assert/js/plugin/chosen/chosen.jquery.js}"></script>
<script src="../../../assert/js/common.js" th:src="@{/assert/js/common.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxcore.js"
        th:src="@{/assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxcore.js}"></script>
<script src="../../../assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxvalidator.js"
        th:src="@{/assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxvalidator.js}"></script>
<script>
    //项目名称
    var basePath = $("#basePath").attr("href");
    var json = [];
    //    页面主表格
    var TableInit = function () {
        var oTableInit = new Object();
        var url = basePath + "/rest/approval/data-page";
        var height = ($(window).height() -$(".tools_bar").height()-9-$(".search").height()-40);
        //初始化Table
        oTableInit.Init = function () {
            $('#myTable').bootstrapTable({
                url: url,         //请求后台的URL（*）
                method: 'post',                      //请求方式（*）
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                height:height,
                sortable: false,                     //是否启用排序
//                sortName: "provinceCode", //排序方式
//                sortOrder: "asc",
                pagination: true,    //排序方式
                queryParams: oTableInit.queryParams,//传递参数（*）
                responseHandler: function (res) {
                    if (res.code != 0) {
                        toastrCog.error(res.msg, 3000);
                    }
                    return {
                        "total": res.count,//总页数
                        "rows": res.data   //数据
                    };
                },
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                contentType: "application/json",
                strictSearch: true,
                showColumns: false,                  //是否显示所有的列
                showRefresh: false,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                uniqueId: "no",                     //每一行的唯一标识，一般为主键列
                showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,
                cellStyle: {
                    css: {"background-color": "#fff"}
                },//是否显示父子表
                columns: [
                    {
                        checkbox: true, // 显示一个勾选框
                        align: 'center' // 居中显示
                    },
                    {
                        align: "center",
                        halign: "center",
                        title: '序号',//标题  可不加
                        width: 60,
                        field: 'id',
                        formatter: function (value, row, index) {
                            var getOptions = $("#myTable").bootstrapTable('getOptions');
                            var pagenum = getOptions.pageNumber;
                            var pagesize = getOptions.pageSize;
                            var st = (pagenum - 1) * pagesize;
                            return (st + index + 1) + "";
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'datacode',
                        title: '数据标识',
//                        sortable: true,
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'dataname',
                        title: '数据名称',
//                        sortable: true,
//                        formatter:function(value, row, index){
//                            return  tools.getNameInId(value)
//                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'skipflag',
                        title: '允许跨级',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            var str="";
                            str=bs.changeState(value, tools.stateArr);
                            return "<span>" + str + "</span>";
                        }
                    },{
                        align: "center",
                        halign: "center",
                        field: 'note',
                        width:'300px',
                        title: '备注',
                        formatter: function (value, row, index) {
                            if(value == null){
                                value=""
                            }
                            return "<div class='noteBoxTable' title='"+value+"' style='max-width: 300px;'>"+value+"</div>";
                        }
                    }
                ],
                onLoadSuccess: function (data) {  //加载成功时执行
                    resize.me();
                    if (!data.rows||data.rows.length == 0) {
                        var src=basePath+"/assert/image/nodata.png";
                        $("#myTable .no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                    }
                },
                onLoadError: function () {  //加载失败时执行
                    var src=basePath+"/assert/image/nodata.png";
                    $("#myTable .no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                },
                formatLoadingMessage: function () {
                    return '<div class="loaded">' +
                        '<div class="loader">' +
                        '<div class="loader-inner line-scale-pulse-out">' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '<div>请稍等，数据正在加载中...</div>';
                }
            });
        };
        //得到查询的参数
        oTableInit.queryParams = function (params) {
            var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                pageNum: params.offset/params.limit,   //页面大小
                pageSize: params.limit,
//                sortName: this.sortName,
//                sortOrder: this.sortOrder,
                datacode: $.trim($("#dataCode").val()),
                dataname: $.trim($("#dataName").val()),
                skipflag:$.trim($("#isAllowLevel").val())
            };
            return temp;
        };
        return oTableInit;
    };
    var resize = {
        init: function () {
            resize.me();
            $(window).resize(function () {
                resize.me();
            })
        },
        me: function () {
            var winW = $(window).width();
            var winH = $(window).height();
            $(".ibox").width(winW - 20);
            $(".ibox").height(winH - 20);
            bs.autoTableHeight($('#myTable'),winH -$(".tools_bar").height()-22-$(".search").height())
        }
    };
    var tools = {
        maxTextLength:null,
        stateArr:[],
        init: function () {
            tools.getConfig();
            tools.tabSearch();//是否显示查询条
            tools.getState();//是否允许跨域下拉框
            tools.search();//查询
            tools.enterSearch();//查询
            tools.reset();//重置
            tools.refresh();//刷新
            tools.addModel();//添加任务
            tools.editModel();
            tools.delModel();
            $("#addModal").on("hidden.bs.modal",function(){
                var form=$("#addForm");
                tools.hideLabel(form,'#dataCodeAdd');
                tools.hideLabel(form,'#dataNameAdd');
                $("#descriptionAdd").removeClass("jqx-validator-error-element");
                tools.hideLabel(form, '#descriptionAdd');
            });
            $("#editModal").on("hidden.bs.modal",function(){
                var form=$("#editForm");
                tools.hideLabel(form,'#dataCodeEdit');
                tools.hideLabel(form,'#dataNameEdit');
                $("#descriptionEdit").removeClass("jqx-validator-error-element");
                tools.hideLabel(form, '#descriptionEdit');
            });
        },
        getConfig: function () {
            var maxNum= bs.getSysConfig("NAME_LIMIT");
            var num=50;
            if(maxNum){
                num=maxNum.value
            }
            tools.maxTextLength= num;
//            tools.ruleUrl = data.value;
        },
        hideLabel:function(form,input){
            form.jqxValidator('hideHint', input);
        },
        selectChange:function($elem,$input){
            $elem.on("change", function (event, sel) {
                $input.val(sel.selected);
                if (sel.selected == "") {
                    $input.next().html("").css("display", "none !important");
                }
            });
        },
        getState: function () {
            var dataArr = bs.getStatus("is_allow_level");
            Object.assign(tools.stateArr, dataArr);//es6复制数组的方法
            bs.selectDown($("#isAllowLevel"), tools.stateArr);
        },
        tipShow: function () {
            $(".tipInput").hover(function () {
                $(this).find(".tip").removeClass("hidden")
            }, function () {
                $(this).find(".tip").addClass("hidden")
            })
        },
        tabSearch: function () {
            var search = $(".search");
            $("#btnSearch").on("click", function () {
                if (search.hasClass("on")) {
                    search.slideUp();
                    search.removeClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 查询').attr("title", "显示查询条");
                } else {
                    search.slideDown();
                    search.addClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 隐藏').attr("title", "隐藏查询条");
                }

            });
        },
        search: function () {
            $("#search").on("click", function () {
                tools.tableRefresh();
            })
        },
        enterSearch: function () {
            $("body").on("keyup", function (e) {
                var code = e.charCode || e.keyCode;
                if (code == 13) {
                    //此处编写用户敲回车后的代码
                    tools.tableRefresh();
                }
            })
        },
        tableRefresh: function () {
            $("#myTable").bootstrapTable('refreshOptions', {pageNumber:1});
            $("#myTable").bootstrapTable('refresh');
        },
        reset: function () {
            $("#reset").on("click", function () {
                bs.resetSearch($(".search"));
                tools.tableRefresh();
            })
            $("#resetModel").on("click",function(){
                $("#classify").val("");
                $("#proSelectModal").val("");
                $("#jstree").jstree("deselect_all", true);
                $("#modelTableWin").bootstrapTable('refresh');
            })
        },
        resetSelect: function ($obj) {
            $obj.val("");
            $obj.trigger("chosen:updated");
        },
        refresh: function () {
            $("#refresh").on("click", function () {
                $("#myTable").bootstrapTable('refresh');
            })
        },
        addModel: function () {
            $("#addModal").on("hide.bs.modal", function () {
                $('#addForm')[0].reset();
            });
            $("#btnAdd").on("click", function () {
                $("#addModal").modal("show");
            });
            $("#addSave").on("click", function () {
                $("#addForm").jqxValidator("validate");
            });
            $("#addForm").on("validationSuccess", function (event) {
                $.ajax({
                    type: "post",
                    url: basePath + "/rest/approval/data-add",
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify({
                        datacode: $("#dataCodeAdd").val(),
                        dataname: $("#dataNameAdd").val(),
                        skipflag: $("#addForm .radio_box input:checked").val(),
                        note:$("#descriptionAdd").val()
                    }),
                    success: function (data) {
                        if (data.code == 0) {
                            $("#myTable").bootstrapTable('refresh');
                            toastrCog.success(data.msg, 1000)
                        } else {
                            toastrCog.error(data.msg, 3000)
                        }
                        $("#addModal").modal("hide");
                    }
                })
            })
        },
        editModel: function () {
            $("#editModal").on("hide.bs.modal", function () {
                tools.modelSelectArr = [];
            });
            $("#btnEdit").on("click", function () {
                var selectArr = $("#myTable").bootstrapTable("getSelections");
                if (selectArr.length <= 0) {
                    toastrCog.error("请选择要编辑的数据！", 3000);
                } else if (selectArr.length > 1) {
                    toastrCog.error("请选择一条要编辑的数据！", 3000);
                } else {
                    $("#editModal").modal("show");
                    bs.loadFormData($("#editForm"), selectArr[0]);
                    $("#editForm .radio_box input[value='"+selectArr[0].skipflag+"']").prop("checked",true);
                    $("#editModal").attr("data-id", selectArr[0].id);
                }
            });
            $("#editSave").on("click", function () {
                $("#editForm").jqxValidator("validate");
            });
            $("#editForm").on("validationSuccess", function (event) {
                var id = $("#editModal").attr("data-id");
                $.ajax({
                    type: "post",
                    url: basePath + "/rest/approval/data-update",
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify({
                        datacode: $("#dataCodeEdit").val(),
                        dataname: $("#dataNameEdit").val(),
                        skipflag: $("#editForm .radio_box input:checked").val(),
                        note:$("#descriptionEdit").val()
                    }),
                    success: function (data) {
                        if (data.code == 0) {
                            toastrCog.success(data.msg, 1000)
                        } else {
                            toastrCog.error(data.msg, 3000)
                        }
                        $("#myTable").bootstrapTable('refresh');
                        $("#editModal").modal("hide");
                    }
                })
            })
        },
        delModel: function () {
            $("#btnDel").on("click", function () {
                var selectArr = $("#myTable").bootstrapTable("getSelections");
                if (selectArr.length <= 0) {
                    toastrCog.error("请选择要删除的数据！", 3000);
                } else{
                    $("#delModal").modal("show");
                    $("#delName").html(
                        "确定要删除所选的"+
                        "<span style='color:rgb(50, 136, 226)'>"+selectArr.length+"</span>"+
                        "条数据"+
                        "<span style='color:rgb(50, 136, 226)'>"+tools.getStr(selectArr,"dataname")+"</span>吗？");
                    $("#delModal").attr("data-id", tools.getStr(selectArr,"datacode"));
                }

            });
            $("#delBtn").on("click", function () {
                var id = $("#delModal").attr("data-id");
                $.ajax({
                    type: "post",
                    url: basePath + "/rest/approval/data-del",
                    dataType: "json",
//                    contentType: "application/json",
                    data: {
                        codes: id
                    },
                    success: function (data) {
                        if (data.code == 0) {
                            tools.tableRefresh();
                            toastrCog.success(data.msg, 1000)
                        } else {
                            toastrCog.error(data.msg, 3000)
                        }
                        $("#delModal").modal("hide");
                    }
                })
            });
        },
        updataSelect: function ($obj, val) {
            $obj.val(val);
            $obj.trigger("chosen:updated");
        },
        getStr:function(selectArr,code){
            var str="";
            for (var i = 0; i < selectArr.length; i++) {
                str += selectArr[i][code] + ",";
            }
            str = str.substr(0, str.length - 1);
            return str;
        }
    };
    var draggables = { //模态框拖动
        init: function () {
            this.draggable($('#addModal'));
        },
        draggable: function (obj) {
            $(obj).draggable();
        }
    };
    //校验
    var validateFun = {
        init: function () {
            this.initKeyValidatorAdd();
            this.initKeyValidatorEdit();
        },
        initKeyValidatorAdd: function () {
            $("#addForm").jqxValidator({
                rules: [
                    {
                        input: '#dataCodeAdd',
                        message: '数据标识不能为空',
                        action: 'keyup,blur',
                        rule: 'required'
                    },
                    {
                        input: '#dataCodeAdd',
                        message: '数据标识不能包含空格!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val().indexOf(" ") >-1) {
                                result = false
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataCodeAdd',
                        message: '数据标识不能多余'+tools.maxTextLength+'字！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val()!= "") {
                                if($(input).val().length>50){
                                    return false
                                }
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataCodeAdd',
                        message: "数据标识已经存在!",
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var validate = true;
                            var url = basePath + "rest/approval/uniqueness-code";
                            var data = {
                                code: $(input).val()
                            };
                            $.ajax({
                                url: url,
                                data: data,
                                timeout: 10000,
                                async: false,
                                type: 'POST',
                                success: function (msg) {
                                    if (msg.code<0) {
                                        input.focus();
                                        validate = false;
                                    }
                                }
                            });
                            return validate;
                        }
                    },
                    {
                        input: '#dataNameAdd',
                        message: '数据名称不能为空',
                        action: 'keyup,blur',
                        rule: 'required'
                    },
                    {
                        input: '#dataNameAdd',
                        message: '数据名称不能包含空格!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val().indexOf(" ") >-1) {
                                result = false
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataNameAdd',
                        message: '数据名称不能多余'+tools.maxTextLength+'字！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val()!= "") {
                                if($(input).val().length>50){
                                    return false
                                }
                            }
                            return result;
                        }
                    }, {
                        input: '#dataNameAdd',
                        message: "数据名称已经存在!",
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var validate = true;
                            var url = basePath + "rest/approval/uniqueness-name";
                            var data = {
                                code: $("#dataCodeAdd").val(),
                                name: $(input).val()
                            };
                            $.ajax({
                                url: url,
                                data: data,
                                timeout: 10000,
                                async: false,
                                type: 'POST',
                                success: function (msg) {
                                    if (msg.code<0) {
                                        input.focus();
                                        validate = false;
                                    }
                                }
                            });
                            return validate;
                        }
                    },
                    {
                        input: '#descriptionAdd',
                        message: '最多输入255个字符!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val() != "") {
                                if ($(input).val().length > 255) {
                                    result = false
                                }
                            }
                            if(result){
                                $(input).removeClass("jqx-validator-error-element");
                            }
                            return result;
                        }
                    }

                ],
                hintType: "label"
            });
        },
        initKeyValidatorEdit: function () {
            $("#editForm").jqxValidator({
                rules: [
                    {
                        input: '#dataCodeEdit',
                        message: '数据标识不能为空',
                        action: 'keyup,blur',
                        rule: 'required'
                    },
                    {
                        input: '#dataCodeEdit',
                        message: '数据标识不能包含空格!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val().indexOf(" ") >-1) {
                                result = false
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataCodeEdit',
                        message: '数据标识不能多余'+tools.maxTextLength+'字！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val()!= "") {
                                if($(input).val().length>50){
                                    return false
                                }
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataCodeEdit',
                        message: "数据标识已经存在!",
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var validate = true;
                            var url = basePath + "rest/approval/uniqueness-code";
                            var selectArr=$("#myTable").bootstrapTable("getSelections");
                            var data = {
                                code: $(input).val()
                            };
                            if(selectArr[0].datacode != $(input).val()){
                                $.ajax({
                                    url: url,
                                    data: data,
                                    timeout: 10000,
                                    async: false,
                                    type: 'POST',
                                    success: function (msg) {
                                        if (msg.code<0) {
                                            input.focus();
                                            validate = false;
                                        }
                                    }
                                });
                            }

                            return validate;
                        }
                    },
                    {
                        input: '#dataNameEdit',
                        message: '数据名称不能为空',
                        action: 'keyup,blur',
                        rule: 'required'
                    },
                    {
                        input: '#dataNameEdit',
                        message: '数据名称不能包含空格!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val().indexOf(" ") >-1) {
                                result = false
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataNameEdit',
                        message: '数据名称不能多余'+tools.maxTextLength+'字！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val()!= "") {
                                if($(input).val().length>50){
                                    return false
                                }
                            }
                            return result;
                        }
                    },
                    {
                        input: '#dataNameEdit',
                        message: "数据名称已经存在!",
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var validate = true;
                            var url = basePath + "rest/approval/uniqueness-name";
                            var data = {
                                code: $("#dataCodeEdit").val(),
                                name: $(input).val()
                            };
                            var selectArr=$("#myTable").bootstrapTable("getSelections");
                            if(selectArr[0].dataname != $(input).val()){
                                $.ajax({
                                    url: url,
                                    data: data,
                                    timeout: 10000,
                                    async: false,
                                    type: 'POST',
                                    success: function (msg) {
                                        if (msg.code<0) {
                                            input.focus();
                                            validate = false;
                                        }
                                    }
                                });
                            }

                            return validate;
                        }
                    },
                    {
                        input: '#descriptionEdit',
                        message: '最多输入255个字符!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val() != "") {
                                if ($(input).val().length > 255) {
                                    result = false
                                }
                            }
                            if(result){
                                $(input).removeClass("jqx-validator-error-element");
                            }
                            return result;
                        }
                    }

                ],
                hintType: "label"
            });
        },
    };
    $(function () {
        resize.init();
        tools.init();
        draggables.init();
        validateFun.init();
        var oTable = new TableInit();
        oTable.Init();
    })
</script>
</body>
</html>